import React, { Component } from 'react';
class App extends Component {
  state = {}
  // 定义函数
  say() {
    alert("我喜欢react")
  }
  show(str = "前端最厉害") {
    alert(str)
  }
  shows(str = "1前端最厉害", age = "22") {
    alert(str, age)
  }
  render() {
    return (
      <div>
        <h1>事件响应函数定义与使用</h1>
        {/* 单击事件   onClick    执行函数 say*/}
        <button onClick={this.say}>事件</button>
        {/* 双击事件   onDoubleClick  执行()=>{}   */}
        <button onDoubleClick={() => { this.say() }}>事件响应匿名函数</button>

        <h1>函数传参：</h1>
        {/* bind 写法: */}
        <button onClick={this.show.bind(this, "前端很好学的")}>bind传参</button>
        {/* 函数 写法: */}
        <button onClick={() => { this.show("前端react最厉害！") }}>函数 传参</button>
        {/* bind 绑定（多参数用[ 包裹着 ]） */}
        <button onClick={this.show.bind(this, ["2前端很好学的", 18])}>bind多参数传参</button>

      </div>
    );
  }
}

export default App;
// this.show.bind 从现有的show方法创建一个新的方法，新方法被执行的时候this为bind的第一个参数，参数为"js稳定第7名有10年了

